<div id="tag_cloud">
    <% tag_cloud @tags, %w(tag1 tag2 tag3 tag4 tag5 tag6 tag7 tag8 tag9 tag10) do |tag, css_class| %>
    	<%= link_to tag.name, tag_path(u(tag.name)), :class => css_class %>
    <% end %>
</div>
<style>
    #tag_cloud a.tag1 {
        font-size: 1.0em;
        font-weight: 100;
    }
    
    #tag_cloud a.tag2 {
        font-size: 1.2em;
        font-weight: 200;
    }
    
    #tag_cloud a.tag3 {
        font-size: 1.4em;
        font-weight: 300;
    }
    
    #tag_cloud a.tag4 {
        font-size: 1.6em;
        font-weight: 400;
    }
    
    #tag_cloud a.tag5 {
        font-size: 1.8em;
        font-weight: 500;
    }
    
    #tag_cloud a.tag6 {
        font-size: 2.0em;
        font-weight: 600;
    }
    
    #tag_cloud a.tag7 {
        font-size: 2.2em;
        font-weight: 700;
    }
    
    #tag_cloud a.tag8 {
        font-size: 2.4em;
        font-weight: 800;
    }
    
    #tag_cloud a.tag9 {
        font-size: 2.6em;
        font-weight: 900;
    }
    
    #tag_cloud a.tag10 {
        font-size: 2.8em;
        font-weight: 900;
    }
    
    #tag_cloud a {
        color: #0059C4;
        padding: 2px;
    }
    
    #tag_cloud a:hover {
        text-decoration: none;
        background-color: #0059C4;
        color: #FFFFFF;
    }
</style>
